<template>
  <footer class="page-footer">
    <slot></slot>
  </footer>
</template>

<script>
export default {
  name: 'PageFooter',
  computed: {
    page () {
      return this.$parent
    }
  },
  mounted () {
    let pageEl = this.page.$el.querySelector('.page')
    pageEl.classList.add('has-footer')
  }
}
</script>
